<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>查看当前流程图</title>
</head>
<body>
<!-- 1.获取到规则流程图 -->
<div style="position: relative;border:1px solid blue;margin:0 auto;width:50%">
    <img style="position: relative;"
         th:src="@{|/leavebill/viewImage/${deploymentId}/${imageName}|}">

    <!-- 2.根据当前活动的坐标，动态绘制DIV -->

    <div th:each="a:${acs}"
         th:style="'position:absolute; border:2px solid red;top:'+${a.get('y')}+'px'+';left:'+${a.get('x')}+'px'+';width:'+${a.get('width')}+'px'+';height:'+${a.get('height')}+'px'+';'">
    </div>

</div>
</body>
</html>